<div infinite-scroll='getData.nextPage()' infinite-scroll-disabled='getData.busy'
     infinite-scroll-distance='1'>
    <div class="media" ng-repeat="item in getData.items|orderBy:'-id'" data-id="{{$index + 1}}">
        <div class="media-left media-middle">
            <a href="#">
                <img class="media-object" src="{{item.pic}}">
            </a>
        </div>
        <div class="media-body relative">
            <h4 class="media-heading text-dark">{{item.name}}</h4>
            <div class="absolute media-down">
                <span class="text-grays mag-r2"><i class="glyphicon glyphicon-time text-orange mag-r1"></i>  {{item.time}}</span>
                <span class="text-grays mag-r2"><i class="glyphicon glyphicon-star-empty text-orange  mag-r1"></i>  {{item.click_count}}</span>
                <span class="text-grays"><i class="glyphicon glyphicon-play-circle text-orange  mag-r1"></i>  {{item.duration}}</span>
            </div>
        </div>
    </div>
</div>

<div class="loading">
    <h3 ng-show="getData.busy && !getData.error">
        <img src="http://img0.imgtn.bdimg.com/it/u=732690951,4239616555&fm=21&gp=0.jpg"/>
    </h3>
</div>

<div class="alert alert-danger" ng-show="getData.error">加载出错,<a onclick="location.href='./'" >重新加载</a></div>


